<template>
  <t-dialog :visible.sync="visible"
  :header="`科普人员详情`"
  :confirmBtn="null"
  :cancelBtn="null"
  :onClose="closeDialog"
  :closeOnOverlayClick="false"
  placement="center"
  width="60%">
      <div style="height: 65vh; width: 98%">
          <t-form ref="form" :data="formData" :colon="true">
          <t-row :gutter="[14,25]">
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="年度" name="year">
                    {{formData.year}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普专职人员" name="zzry">
                    {{formData.zzry}}
                  </t-form-item>
                  <t-form-item labelWidth="270px" label="中级职称及以上或本科及以上学历人员" name="zzzjzcysry">
                    {{formData.zzzjzcysry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="女性" name="zznxry">
                    {{formData.zznxry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="农村科普人员" name="zznckpry">
                    {{formData.zznckpry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="管理人员" name="zzglry">
                    {{formData.zzglry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普创作（研发）人员" name="zzkpczry">
                    {{formData.zzkpczry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普讲解（辅导）人员" name="zzkpjjry">
                    {{formData.zzkpjjry}}
                  </t-form-item>
              </t-col>
              <t-col :span="6">
                  <t-form-item labelWidth="220px" label="科普兼职人员" name="jzry">
                    {{formData.jzry}}
                  </t-form-item>
                  <t-form-item labelWidth="270px" label="中级职称及以上或本科及以上学历人员" name="jzzjzcysry">
                    {{formData.jzzjzcysry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="女性" name="jznxry">
                    {{formData.jznxry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="农村科普人员" name="jznckpry">
                    {{formData.jznckpry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="科普讲解（辅导）人员" name="jzkpjjry">
                    {{formData.jzkpjjry}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="当年实际投入工作量 (人天)" name="sjtrgzl">
                    {{formData.sjtrgzl}}
                  </t-form-item>
                  <t-form-item labelWidth="220px" label="注册科技志愿者" name="zckjzyz">
                    {{formData.zckjzyz}}
                  </t-form-item>
              </t-col>
          </t-row>
      </t-form>
      </div>
  </t-dialog>
</template>

<script>

export default {
  name: "personnel-detail-dialog",
  props:{
    objId: {
      type: [String, Number],
      default: '',
    },
    header: {
      type: String,
      default: '新增'
    },
    row: {
      type: Object,
      default: () => ({})
    },
    isUpdate: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      visible: true,
      formData: {
        name: '',
      },
      confirmLoading: false,
    }
  },
  created() {
    Object.assign(this.formData, this.row)
  },
  methods: {
    closeDialog() {
      this.$emit("update:visible", false);
    }
  },
}

</script>

<style scoped>

</style>